<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Homepage</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/web.css" type="text/css" media="screen, projection"/>
</head>
<body>

	<div class="container">
		<%@include file="common/header.jsp" %>
		<br/>
		<br/>
		<div style="float: left">
		<%@include file="common/sidebar_category.jsp" %>
		</div>
	</div>
  
  	<h3>Hot Products</h3> 
    <div style="float: left">
    <table width="900px" border="1" cellpadding="2" cellspacing="0">
	<c:forEach begin="1" end="9" items="${productsList}" var="product">	
		<tr style="text-align: center">
			<td><h3><c:out value="${product.name}"/></h3></td>
           	<td><img src="<c:url value="/images/${product.img1}"/>" /></td>
            <td><p><c:out value="${product.fulldescription}"/></p></td>
            <td><a href="<c:url value="/product-detail/${product.id}"/>">View</a></td>
			<td><p><c:out value="${product.price}"/></p></td> 
		</tr>
	</c:forEach>
	</table>
	</div>
	
	<div style="clear: both">
	<div class="footer">
		<%@include file="common/footer.jsp" %>
	</div>
	</div>

</body>

</html>